<gm:page title="Objet Element Html avec dt" authenticate="false">
 
  
     <!-- dt (objet élément HTML)
     Référence HTML pour les éléments: voir  Élément: dt
     accéder aux objets éléments HTML voir  Objets éléments HTML: 
     généralités sur l'utilisation
 
     Les éléments HTML < dt>...< /dt> ont en tant qu'objet du modèle DOM 
     des  Propriétés universelles pour l'accès des langages script.
 
     L'exemple ci-dessous contient une liste de définitions. Chacun des 
     éléments "dt" contient une affectation de classe de style vide et le 
     gestionnaire d'événement "onClick". En cliquant sur les éléments la  
     fonction JavaScript "change()", notée dans l'entête de fichier, est à 
     chaque fois appelée. Cette fonction accède à chacun des éléments 
     avec "document.getElementsByTagName("dt")[x]" - x est ici un 
     paramètre pour indiquer le rang de l'élément de ce type dans le 
     fichier. Les éléments "dt" retournent à la fonction le paramètre 
     correspondant à son appel avec "change(0)" ou bien "change(1)". 
     L'exemple obtient qu'à l'élément "dt" correspondant soit affecté 
     au premier cliquement de souris le nom de classe "mis_en_valeur", et
     au suivant à nouveau une classe vide. La classe "mis_en_valeur", qui
     est définie dans un passage de style dans l'entête de fichier, fait 
     en sorte que l'élément soit représenté en caractères gras et en rouge.

     Attention:
     Netscape 6.1 n'interprète pas cet exemple. -->
 
 
     <!-- Déclaration fonction -->
     <HEAD>
 
     <style type="text/css">
     .mis_en_valeur { font-weight:bold; color:red; }
     </style>
 
     <script type="text/javascript">
     <!--
     function change(x) { 
      if(document.getElementsByTagName("dt")[x].className == "")   
       document.getElementsByTagName("dt")[x].className = "mis_en_valeur"; 
      else   
       document.getElementsByTagName("dt")[x].className = "";
     }
     //-->
     </script>
       
                        
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY> 
 
     <dl> 
     <dt class="" onClick="change(0)">User' Guide</dt><dd>Manuel de l'utilisateur</dd>
     <dt class="" onClick="change(1)">User Instructions</dt><dd>Mode d'emploi</dd></dl>
      
     </BODY>
 
</gm:page>







